<template>
  <div>
    <div class="user">
      <div class="icon1">
        <van-icon name="location-o" />
      </div>
      <router-link to="/address/list">
        <div class="name">
          <div>
            <span>影之晓毅</span>
            <span class="phone">18818989580</span>
          </div>
          <div>广东省深圳市罗湖区嘉宾路2018号(嘉宾路与南湖路交汇处)深华商业大厦1001室</div>
        </div>
      </router-link>
      <van-icon class="right" name="arrow" />
    </div>
  </div>
</template>

<style lang="less" scoped>
.user {
  position: relative;
  height: 95px;
  background-color: #fff;
  display: flex;
  padding: 17px 28px 17px 6px;
  .icon1 {
    font-size: 26px;
    padding-left: 8px;
    line-height: 54px;
    color: #a9acaf;
  }
  .name {
    margin-left: 6px;
    div:nth-child(1) {
      line-height: 21px;
      width: 100%;
      font-size: 15px;
      color: #191a1b;
      font-family: Microsoft YaHei, Tahoma, Helvetica, Arial, sans-serif;
      .phone {
        color: #a9acaf;
        font-size: 15px;
        margin-left: 5px;
      }
    }
    div:nth-child(2) {
      font-size: 13px;
      color: #797d82;
      width: 75vw;
      line-height: 21px;
      font-family: Microsoft YaHei, Tahoma, Helvetica, Arial, sans-serif;
    }
  }
  .right {
    position: absolute;
    top: 43px;
    right: 11px;
    color: #797d82;
  }
}
</style>